<template>
    <div class="previewImage-container">
        <img src="http://wxb1997.oss-cn-beijing.aliyuncs.com/img/lift.png" @click="previewPicture('http://wxb1997.oss-cn-beijing.aliyuncs.com/img/lift.png')"/>
        <!--预览图片-->
        <h-preview-image ref="previewImageRef" v-model:show="previewImg.show" :imgUrl="previewImg.url" />
    </div>
</template>

<script setup name="test">
import setting from './setting'
const { proxy } = getCurrentInstance()
/** Data */
const previewImg = ref({
    show:false,
    url:''
})

/** 生命周期钩子 */
onMounted(()=>{})

/** Method */
function previewPicture(url) {
    let _ = proxy
    previewImg.value.url = url
    previewImg.value.show = true
}
</script>

<style lang="less" scoped>
@import "index.less";
</style>
